<template>
  <div>
    <h3>这是home组件</h3>
    <router-link to="/home/hello">去往hello页面</router-link>
    <router-link to="/home/index">$attrs和$listeners跨级通信</router-link>
    <router-link to="/home/father"
      >$children和$parent只能实现父子相互通信</router-link
    >
    <router-view></router-view>
  </div>
</template>
<script>
// 用于渲染结果的页面
export default {
  data() {
    return {};
  }
};
</script>
<style lang="less" scoped>
div {
  a {
    margin: 0 40px;
  }
}
</style>
